import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/home.vue'//  @ 就是src目录
import City from '@/pages/city/city.vue'
import Detail from '@/pages/Detail/Detail.vue'

Vue.use(Router)

//  导出
export default new Router({
  routes: [{
    path: '/', //  根路径
    name: 'Home', // 根路径对应的内容
    component: Home
  }, {
    path: '/city',
    name: 'City',
    component: City
  }, {
    // :id 写了一个动态路由
    path: '/detail/:id',
    name: 'Detail',
    component: Detail
  }],
  // 每一次页面切换的时候，都会回到页面的最顶部，否则在首页滚定的时候，详情页面也会跟着滚动，这样在跳转到详情页面的时候就会不是默认在最顶部，所以通过这个办法来解决
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})
